<template>
  <div>
    <div class="cooper-list">
      <div
        class="coooper-item"
        v-for="item in cooperrList"
        :key="item.cooperImg"
      >
        <img
          src="http://peixun.cefatc.org.cn/statics/uploadfile/2021/1207/20211207023540301.jpg"
          alt=""
        />
      </div>
    </div>
  </div>
</template>

<script>
export default {
  components: {},
  data() {
    return {
      tabChangeIndex: "1",
      cooperrList: [
        {
          id: 0,
          name: "马小军",
          cooperImg:
            "http://peixun.cefatc.org.cn/statics/uploadfile/2021/1207/20211207023540301.jpg",
          introduction:
            "马小军，中国艺术职业教育学会社会艺术教育工作委员会主任",
          link: "",
        },
        {
          id: 1,
          name: "马小军",
          cooperImg:
            "http://peixun.cefatc.org.cn/statics/uploadfile/2021/1207/20211207023540301.jpg",
          introduction:
            "马小军，中国艺术职业教育学会社会艺术教育工作委员会主任",
          link: "",
        },
        {
          id: 2,
          name: "马小军",
          cooperImg:
            "http://peixun.cefatc.org.cn/statics/uploadfile/2021/1207/20211207023540301.jpg",
          introduction:
            "马小军，中国艺术职业教育学会社会艺术教育工作委员会主任",
          link: "",
        },
        {
          id: 3,
          name: "马小军",
          cooperImg:
            "http://peixun.cefatc.org.cn/statics/uploadfile/2021/1207/20211207023540301.jpg",
          introduction:
            "马小军，中国艺术职业教育学会社会艺术教育工作委员会主任",
          link: "",
        },
        {
          id: 4,
          name: "马小军",
          cooperImg:
            "http://peixun.cefatc.org.cn/statics/uploadfile/2021/1207/20211207023540301.jpg",
          introduction:
            "马小军，中国艺术职业教育学会社会艺术教育工作委员会主任",
          link: "",
        },
        {
          id: 5,
          name: "马小军",
          cooperImg:
            "http://peixun.cefatc.org.cn/statics/uploadfile/2021/1207/20211207023540301.jpg",
          introduction:
            "马小军，中国艺术职业教育学会社会艺术教育工作委员会主任",
          link: "",
        },
      ],
    };
  },
  created() {},
};
</script>

<style scoped>
@import "../assets/index.css";
.cooper-list {
  width: 1200px;
  margin: 50px auto;
  display: flex;
  flex-wrap: wrap;
}
.coooper-item {
  width: 24.25%;
  margin-bottom: 20px;
  margin-right: 1%;
}
.coooper-item:nth-last-of-type(4n) {
  margin-right: 0;
}
.coooper-item img {
  display: block;
  border-radius: 12px;
}
@media screen and (max-width: 760px) {
  .cooper-list {
    width: 100%;
    margin: 30px auto;
  }
  .coooper-item {
    width: 100%;
    margin-bottom: 20px;
    margin-right: 0%;
  }
  .coooper-item img {
    margin: 0 auto;
  }
}
</style>
